<template>
  <div>
    <header>
      <div class="div" @click="back">
        <img src="../../../assets/返回.png" alt="">
        <span class="solt">返回</span>
      </div>
      <div class="div">
<!--        <span v-show="isSend === false">保险签约新增</span>-->
<!--        <span v-show="isSend === true && isEdit !== 0">保险签约修改</span>-->
<!--        <span v-show="isEdit === 0">保险签约查看</span>-->
        <span v-if="id === '' || id === undefined">保险签约新增</span>
        <span v-else-if="id !== '' && isEdit !== 0">保险签约修改</span>
        <span v-else-if="isEdit === 0">保险签约查看</span>
      </div>
      <div class="div" @click="insert">
        <button style="background: none;border: none" class="solt" v-if="isSend === false" >提交</button>
        <button style="background: none;border: none" class="solt" v-else-if="isSend === true && isHave === false">保存</button>
      </div>
    </header>
    <div class="content">
      <div class="baoxian">
        <div class="baoxianTitle">
          <a class="shuGang"></a>
          <span class="text">保险合同编号</span>
        </div>
        <div class="baoxianCon">
          <input type="number" v-model="value0"
                 class="numInp"
                 @keyup="nextFocus($event, 0)"
                 @keydown="changeValue(0)"
                 oninput="if(value.length>1)value=value.slice(0,1)"
                 :readonly="isHave"
                 :class="value0.length > 0 ? 'hasNumber' : ''"/>
          <input type="number" v-model="value1"
                 class="numInp"
                 @keyup="nextFocus($event, 1)"
                 @keydown="changeValue(1)"
                 oninput="if(value.length>1)value=value.slice(0,1)"
                 :class="value1.length > 0 ? 'hasNumber' : ''"
                 :readonly="isHave"
          >
          <input type="number" v-model="value2"
                 class="numInp"
                 @keyup="nextFocus($event, 2)"
                 @keydown="changeValue(2)"
                 oninput="if(value.length>1)value=value.slice(0,1)"
                 :class="value2.length > 0 ? 'hasNumber' : ''"
                 :readonly="isHave"
          >
          <input type="number" v-model="value3"
                 @keyup="nextFocus($event, 3)"
                 @keydown="changeValue(3)"
                 class="numInp"
                 oninput="if(value.length>1)value=value.slice(0,1)"
                 :class="value3.length > 0 ? 'hasNumber' : ''"
                 :readonly="isHave"
          >
          <input type="number" v-model="value4"
                 @keyup="nextFocus($event, 4)"
                 @keydown="changeValue(4)"
                 class="numInp"
                 oninput="if(value.length>1)value=value.slice(0,1)"
                 :class="value4.length > 0 ? 'hasNumber' : ''"
                 :readonly="isHave"
          >
          <input type="number" v-model="value5"
                 @keyup="nextFocus($event, 5)"
                 @keydown="changeValue(5)"
                 class="numInp"
                 oninput="if(value.length>1)value=value.slice(0,1)"
                 :class="value5.length > 0 ? 'hasNumber' : ''"
                 :readonly="isHave"
          >
          <input type="number" v-model="value6"
                 @keyup="nextFocus($event, 6)"
                 @keydown="changeValue(6)"
                 class="numInp"
                 oninput="if(value.length>1)value=value.slice(0,1)"
                 :class="value6.length > 0 ? 'hasNumber' : ''"
                 :readonly="isHave"
          >
          <input type="number" v-model="value7"
                 @keyup="nextFocus($event, 7)"
                 @keydown="changeValue(7)"
                 class="numInp"
                 oninput="if(value.length>1)value=value.slice(0,1)"
                 :class="value7.length > 0 ? 'hasNumber' : ''"
                 :readonly="isHave"
          >
          <input type="number" v-model="value8"
                 @keyup="nextFocus($event, 8)"
                 @keydown="changeValue(8)"
                 class="numInp"
                 oninput="if(value.length>1)value=value.slice(0,1)"
                 :class="value8.length > 0 ? 'hasNumber' : ''"
                 :readonly="isHave"
          >
          <input type="number" v-model="value9"
                 @keyup="nextFocus($event, 9)"
                 @keydown="changeValue(9)"
                 class="numInp"
                 oninput="if(value.length>1)value=value.slice(0,1)"
                 :class="value9.length > 0 ? 'hasNumber' : ''"
                 :readonly="isHave"
          >
        </div>
        <div class="mechanism text">
          <span>* 签发保单机构</span>
          <input type="text" :readonly="isHave"  placeholder="请输入签发保单机构" v-model="sign_dept">
        </div>
        <div class="shengQingShixiang">
          <div class="title">
            <a class="shuGang"></a>
            <span>申请事项</span>
          </div>
          <van-radio-group :disabled="isHave"  v-model="radio1" direction="vertical">
            <van-radio icon-size="16px" name="0">恢复合同效力</van-radio>
            <van-radio icon-size="16px" name="1">其他(请填写变更申请项名称)</van-radio>
          </van-radio-group>
          <div>
            <input type="text" :readonly="isHave" placeholder="请输入变更申请项名称"
                   v-model="apply_item_other">
          </div>
        </div>
        <div class="shengQingShixiang">
          <div class="title">
            <a class="shuGang"></a>
            <span>(以下申请请提供病历或检验报告)</span>
          </div>
          <van-radio-group :disabled="isHave" v-model="radio2">
            <van-radio icon-size="16px"  name="0">变更健康资料</van-radio>
            <van-radio  icon-size="16px" name="1">取消额外加费</van-radio>
            <van-radio icon-size="16px" name="2">取消不承保事项</van-radio>
          </van-radio-group>
        </div>
        <div class="xuzhi">
          <div class="title">
            <a class="shuGang"></a>
            <span>填写须知</span>
          </div>
          <div class="xuzhiText">
            投保产品为友邦安享全佑恶性肿瘤疾病保险、友邦安行无忧两全保险、友邦安孕保系列疾病保险、友邦守护丽人医疗保险、友邦守护宝贝医疗保险，申请上述事项时，请填写本通知书。除以上所产品外，其他产品不适用此版本。
          </div>
          <div class="xuziCont">
            <ul>
              <li>
                <button class="gary btn1 btn">个人信息（必填项）</button>
                <button class="gary btn2 btn">被保险人信息</button>
                <button class="gary btn3 btn">投保人信息</button>
              </li>
              <li>
                <button class="blue btn1 btn" style="">姓名</button>
                <input class="blueop btn2 btn"
                       v-model="assured_name"
                       :readonly="isHave"
                       style=""
                       placeholder="姓名"/>
                <input class="blueop btn3 btn"
                       v-model="insure_name"
                       :readonly="isHave"
                       style=""
                       placeholder="姓名"/>
              </li>
              <li>
                <button class="blue btn1 btn">1.a. 现从事职业、职务内容、 职业代码。</button>
                <input class="blueop btn2 btn"
                       v-model="assured_job"
                       :readonly="isHave"
                       placeholder="职业"/>
                <input class="blueop btn3 btn"
                       v-model="insure_job"
                       :readonly="isHave"
                       placeholder="职业"/>
              </li>
              <li>
                <button class="blue btn1 btn">b. 去年全年收入（包括基本 工资、奖金、分红和红利）。</button>
                <div class="btn blueop btn2"
                     style="display: flex;align-items: center;justify-content: center">
                  <input class=" btn2"
                         v-model="assured_income"
                         :readonly="isHave"
                         style="width: 58px;
                         line-height: 15px;
                         border: none;
                         text-align: right;
                         padding-right: 10px;
                         box-sizing: border-box;
                         background: none;
                         "
                         placeholder="收入"/>
                  <span style="line-height: 15px">万元</span>
                </div>
                <div class="blueop btn3 btn"
                     style="display: flex;
                   align-items: center;
                   justify-content: center
"
                >
                  <input class=" btn3"
                         v-model="insure_income"
                         :readonly="isHave"
                         style="width: 50px;
                         line-height: 15px;
                         border: none;
                         text-align: right;
                         padding-right: 10px;
                         box-sizing: border-box;
                         background: none;
                         "
                         placeholder="收入"/>
                  <span style="line-height: 15px">万元</span>
                </div>
              </li>
              <li>
                <button class="blue btn1 btn">c. 服务单位（就读学校） 名称。</button>
                <input class="blueop btn2 btn"
                       v-model="insure_dept"
                       :readonly="isHave"
                       placeholder="单位"/>
                <input class="blueop btn3 btn"
                       v-model="assured_dept"
                       :readonly="isHave"
                       placeholder="单位"/>
              </li>
              <li>
                <button class="blue btn1 btn">d. 目前常住地址及户籍 所在地。</button>
                <input class="blueop btn2 btn"
                       v-model="insure_address"
                       :readonly="isHave"
                       placeholder="住址"/>
                <input class="blueop btn3 btn"
                       :readonly="isHave"
                       v-model="assured_address"
                       placeholder="住址"/>
              </li>
              <li>
                <button class="btn1 blue btn">2. 婚姻状况。</button>
                <div class="btn2 blueop btn"
                     style="display: flex;
                        align-items: center;
                        justify-content: center;
                         flex-direction: column;"
                >
                  <van-radio-group :disabled="isHave"  v-model="insure_marriage">
                    <van-radio name="1"  icon-size="16px">单身</van-radio>
                    <van-radio name="2"  icon-size="16px">已婚</van-radio>
                  </van-radio-group>
                </div>
                <div class="btn3 blueop btn"
                     style="display: flex;
                        align-items: center;
                        justify-content: center;
                         flex-direction: column;">
                  <van-radio-group :disabled="isHave"  v-model="assured_marriage">
                    <van-radio name="1" icon-size="16px">单身</van-radio>
                    <van-radio name="2" icon-size="16px">已婚</van-radio>
                  </van-radio-group>
                </div>
              </li>
            </ul>
          </div>
        </div>
        <div class="tiMU">
          <div class="tiMuHeader">
            A. 被保险人告知事项及健康资料（友邦安享全佑恶性肿瘤疾病保险产品专用）
          </div>
          <ul >
            <li>1.您现在或既往是否曾从事过以下职业：矿工、煤化工生产人员、沥青工、树脂工、铝制品工人、
              有机化学品(苯、多环芳香碳氢化合物)生产工人、焊接工、石棉制品工、化学溶剂（硫酸、盐酸、硝酸、磷酸、烧碱、纯'碱）生产工人 ？</li>
            <li>
              <van-radio-group :disabled="isHave"  direction="horizontal" v-model="a1">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <ul >
            <li>2.您的人寿保险、意外伤害保险或健康保险的新单申请或复效申请是否曾被拒保、推迟、加费或作任何形式修改？</li>
            <li>
              <van-radio-group :disabled="isHave"  direction="horizontal" v-model="a2">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <ul >
            <li>3.您是否有 2 个以上的直系亲属（父母和兄弟姐妹）在 60 岁前被诊断患有恶性肿瘤或白血病?</li>
            <li>
              <van-radio-group :disabled="isHave"  direction="horizontal" v-model="a3">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <ul >
            <li>4.您既往或目前是否发现有以下疾病或体征：慢性肝炎、肝硬化、慢性萎缩性胃炎、宫颈上皮内瘤变（CIN）、再生障碍性贫血、恶性肿瘤、白血病、甲状腺结节、乳房肿块、肺结节？</li>
            <li>
              <van-radio-group :disabled="isHave"  direction="horizontal" v-model="a4">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <ul >
            <li> 5.过去六个月内您是否有以下症状:进行性吞咽困难、咯血、呕血、黑便
              、不明原因持续发热、反复皮下出血、鼻出血、阴道异常出血、肿块
              、体重减少超过5公斤</li>
            <li>
              <van-radio-group :disabled="isHave"  direction="horizontal" v-model="a5">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <ul >
            <li> 6.过去两年内您是否有做过下列检查并发现有异常的情况：
              肿瘤标志物、病理活检、X 线、B 超、钼靶、CT、MRI、PET-CT？</li>
            <li>
              <van-radio-group :disabled="isHave"  direction="horizontal" v-model="a6">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <ul >
            <li> 7．过去五年内您是否曾因疾病手术或住院治疗七天以上?</li>
            <li>
              <van-radio-group :disabled="isHave"  direction="horizontal" v-model="a7">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <!--          <div style="background: white;-->
          <!--padding: 0 10px;box-sizing: border-box">-->
          <!--            {{item.zhushi}}-->
          <!--          </div>-->
          <div >
            <div class="title" style="background: white;
          height:50px !important;
          padding: 0 10px;
          box-sizing: border-box">
              <a class="shuGang"></a>
              <div style="line-height: 20px">上述 2-7 问题中如有任何答案为“是”者，请详细说明：</div>
            </div>
            <textarea placeholder="请详细说明" :readonly="isHave" v-model="a_other"></textarea>
          </div>
        </div>
        <div class="tiMU">
          <div class="tiMuHeader">
            B.被保险人告知事项 （友邦安行无忧两全保险产品专用）
          </div>
          <ul >
            <li>您是否现时已有生效或正申请投保其他保险公司的意外险，且含自驾车意外险保额累计大于 200 万？</li>
            <li>
              <van-radio-group :disabled="isHave"  direction="horizontal" v-model="b1">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <!--          <div style="background: white;-->
          <!--padding: 0 10px;box-sizing: border-box">-->
          <!--            {{item.zhushi}}-->
          <!--          </div>-->
        </div>
        <div class="tiMU">
          <div class="tiMuHeader">
            C.被保险人告知事项 （友邦安孕保系列疾病保险产品专用）
          </div>
          <ul >
            <li style="display: flex;">
            <span style="width: 100%;display: flex">1. 您目前是否怀孕？ 若是,怀孕
            <input style="width: 80px;
            height: 15px;
            border-top: none;
            border-left: none;
            padding: 0 10px;
            box-sizing: border-box;
            border-bottom: 1px solid #999999;
            text-align: center;
            border-right: none"
                   type="text" :readonly="isHave" v-model="c1_other"/>周
              </span>
            </li>
            <li>
              <van-radio-group  :disabled="isHave" direction="horizontal" v-model="c1">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
            <li style="display: flex;">
            <li>
              孕期检查（包括胎儿相关检查）是否发现异常（包括血压、尿液检查、血液检查、超声检查等）？
            </li>
            <li>
              <van-radio-group :disabled="isHave"  direction="horizontal" v-model="c1_2">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <ul >
            <li>2, 是否曾发生反复流产 3 次或以上、妊娠高血压、先兆子痫或子痫、妊娠糖尿病、胎盘早剥、葡萄胎等妊娠并发症？</li>
            <li>
              <van-radio-group :disabled="isHave"  direction="horizontal" v-model="c2">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <ul >
            <li>3, 您及配偶是否有先天性疾病、遗传性疾病，或以上疾病的家族史？您是否曾怀有或生育过患有先天性疾病的胎儿或孩子？</li>
            <li>
              <van-radio-group :disabled="isHave"  direction="horizontal" v-model="c3">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <ul >
            <li>4, 您的人寿保险、意外伤害保险或健康保险的新单申请或复效申请是否曾被拒保、推迟、加费或作任何形式修改？</li>
            <li>
              <van-radio-group :disabled="isHave"  direction="horizontal" v-model="c4">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <ul >
            <li>5. 您目前是否正在住院治疗或过往 2 年曾经住院治疗？</li>
            <li>
              <van-radio-group :disabled="isHave"  direction="horizontal" v-model="c5">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <ul >
            <li> 6, 您是否曾患有或被告知患有下列疾病或因此而接受医疗咨询、诊查或治疗：
              心血管疾病、高血压、中风、慢性肺部疾病、癌症或任何肿瘤、糖尿病、肝脏疾病、
              肾脏疾病或生殖系统疾病、抑郁症、精神疾病、智能障碍、癫痫、艾滋病或艾滋病病毒携带、
              酒精或药物滥用成瘾、身体残障或畸形？</li>
            <li>
              <van-radio-group :disabled="isHave"  direction="horizontal" v-model="c6">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <!--          <div style="background: white;-->
          <!--padding: 0 10px;box-sizing: border-box">-->
          <!--            {{item.zhushi}}-->
          <!--          </div>-->
          <div >
            <div class="title" style="background: white;
          height:50px !important;
          padding: 0 10px;
          box-sizing: border-box">
              <a class="shuGang"></a>
              <div style="line-height: 20px">以上部分如有任何答案为“是”者，请详细说明并提供相关资料：</div>
            </div>
            <textarea placeholder="请详细说明" :readonly="isHave" v-model="c_other"></textarea>
          </div>
        </div>
        <div class="tiMU">
          <div class="tiMuHeader">
            D. 被保险人告知事项及健康资料（友邦守护丽人医疗保险产品专用）
          </div>
          <ul >
            <li>1．您目前或既往是否出现过下列情况：乳房肿块或结节、乳头异常溢液、糜烂或回缩、乳房表面皮肤凹陷、皱褶或皮肤收缩？</li>
            <li>
              <van-radio-group :disabled="isHave"  direction="horizontal" v-model="d1">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <ul >
            <li>2. 您的亲属（父母、兄弟姐妹）中是否有人在 60 岁前罹患乳腺癌？</li>
            <li>
              <van-radio-group :disabled="isHave"  direction="horizontal" v-model="d2">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <ul >
            <li>3. 您最近 2 年内是否做过下列检查（单项或多项）且发现有异常：肿瘤标志物*、病理活检、X 线、B 超、钼靶、CT、MRI、PET-CT？</li>
            <li>
              <van-radio-group :disabled="isHave"  direction="horizontal" v-model="d3">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <ul >
            <li>4. 您在投保恶性肿瘤类产品时是否曾被拒保、延期、加费或特约除外责任承保？</li>
            <li>
              <van-radio-group :disabled="isHave"  direction="horizontal" v-model="d4">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <ul >
            <li>5. 您目前或既往是否患有恶性肿瘤？是否曾接受过胸部放疗（任何原因导致）？</li>
            <li>
              <van-radio-group :disabled="isHave"  direction="horizontal" v-model="d5">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
            <div style="background: white;
        box-sizing: border-box;
text-align: left">
              注：肿瘤标志物*：又称肿瘤标记物，是指特征性存在于恶性肿瘤细胞，或由恶性肿瘤细胞异常产生的物质，或是宿主对肿瘤的刺激反应
              而产生的物质，并能反映肿瘤发生、发展，监测肿瘤对治疗反应的一类物质。如甲胎蛋白（AFP）、癌胚抗原（CEA）、
              癌抗原 125（CA125）、癌抗原 199（CA199）、绒毛膜促性腺激素（HCG）等
            </div>
          </ul>
          <div >
            <div class="title" style="background: white;
          height:50px !important;
          padding: 0 10px;
          box-sizing: border-box">
              <a class="shuGang"></a>
              <div style="line-height: 20px">上述问题如答案为“是”者，请详细说明并提供相关资料：</div>
            </div>
            <textarea placeholder="请详细说明" :readonly="isHave" v-model="d_other"></textarea>
          </div>
        </div>
        <div class="tiMU">
          <div class="tiMuHeader">
            E.被保险人告知事项及健康资料（友邦守护宝贝医疗保险产品专用）
          </div>
          <ul >
            <li>1. 您目前或既往是否出现过下列情况：不明原因的发热、头晕、反复感染、鼻出血、
              牙龈出血、皮肤瘀点瘀斑、紫癜、贫血、消瘦、肝或脾脏肿大、淋巴结肿大、身体包块或肿物、骨关节疼痛？</li>
            <li>
              <van-radio-group :disabled="isHave"  direction="horizontal" v-model="e1">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <ul >
            <li>2．您是否曾因血液问题而接受过诊疗？是否被医生诊断或被怀疑罹患血液系统疾病？</li>
            <li>
              <van-radio-group :disabled="isHave"  direction="horizontal" v-model="e2">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <ul >
            <li>3．您是否被医生建议需进行骨髓活检或/和进一步血液细胞学检查？</li>
            <li>
              <van-radio-group :disabled="isHave"  direction="horizontal" v-model="e3">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <ul >
            <li>4. 您过去五年内是否曾接触有害化学物质（如：杀虫剂，苯等工业化学物质）或放射性物质（不包括 X 线检查）？</li>
            <li>
              <van-radio-group :disabled="isHave" direction="horizontal" v-model="e4">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <ul >
            <li>5．您投保恶性肿瘤类产品时是否曾被拒保、延期、加费或特约除外责任承保？</li>
            <li>
              <van-radio-group :disabled="isHave" direction="horizontal" v-model="e5">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <ul >
            <li>6. 您是否罹患以下疾病：恶性肿瘤、再生障碍性贫血、重度贫血、骨髓异常增生综合症？</li>
            <li>
              <van-radio-group :disabled="isHave" direction="horizontal" v-model="e6">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <ul >
            <li>7．您是否患有如下先天性或遗传性疾病：唐氏综合征，李-佛美尼综合症，维斯科特-奥尔德里奇综合征，布卢姆综合征？</li>
            <li>
              <van-radio-group :disabled="isHave" direction="horizontal" v-model="e7">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <ul >
            <li>8．您的亲属（父母、兄弟姐妹）中是否有人在 50 岁前罹患白血病？</li>
            <li>
              <van-radio-group :disabled="isHave" direction="horizontal" v-model="e8">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <ul >
            <li>9．您过去一年内在大陆境内居住时间是否 &lt; 240 天/年？或是否正计划前往其他国家或海外地区长期居住（≥240天/年）？</li>
            <li>
              <!--             ， 240-->
              <van-radio-group :disabled="isHave" direction="horizontal" v-model="e9">
                <van-radio name="1" icon-size="16px">是</van-radio>
                <van-radio name="0" icon-size="16px">否</van-radio>
              </van-radio-group>
            </li>
          </ul>
          <div >
            <div class="title" style="background: white;
          height:50px !important;
          padding: 0 10px;
          box-sizing: border-box">
              <a class="shuGang"></a>
              <div style="line-height: 20px">上述问题 1-5 如回答为“是”者，请详细说明并提供相关资料：</div>
            </div>
            <textarea placeholder="请详细说明" :readonly="isHave" v-model="e_other"></textarea>
          </div>
        </div>
        <!--<div class="tiMU" v-for="(item, index) in AtoE" :key="index">
          <div class="tiMuHeader">
            {{item.title}}
          </div>
          <ul v-for="(obj, objIndex) in item.list" :key="objIndex">
            <li>{{obj.name}}</li>
            <li>
              <span v-for="(qustItem, qustIndex) in obj.qust" :key="qustIndex" >
                <a @click="clickTi(qustItem, obj.qust)" style="display: flex;align-items: center">
                  <img class="yuan" v-show="qustItem.isSelect === false" src="../../assets/题目未选择.png" alt="">
                  <img class="yuan" v-show="qustItem.isSelect === true" src="../../assets/题目选择.png" alt="">
                  <label>{{qustItem.qustName}}</label>
                </a>
              </span>
            </li>
          </ul>
          <div style="background: white;
padding: 0 10px;box-sizing: border-box" v-if="item.zhushi !== undefined">
            {{item.zhushi}}
          </div>
          <div v-if="item.xiangxi !== undefined">
            <div class="title" style="background: white;
            height:50px !important;
            padding: 0 10px;
            box-sizing: border-box">
              <a class="shuGang"></a>
              <div style="line-height: 20px">{{item.xiangxi}}</div>
            </div>
          <textarea placeholder="请详细说明"></textarea>
          </div>
        </div>-->
        <div class="shengMing">
          <div class="shengMing_header">
            <img src="../../../assets/友邦保险.png" alt="">
            <span>声明及同意书</span>
          </div>
          <div class="shengMing_cont">
            <ul>
              <li>
                1.本通知书、与本通知书有关之各份问卷及文件，对签发保单机构（以下简称“贵公司”）委派的体检医生之各项声明与陈述均确实无
                误，并成为贵公司审核本保险合同恢复效力、增加保险金额等变更之依据。如上述资料不属实且对贵公司作出承保决定有影响的，除法
                律另有规定外，则任何根据该资料所缮发保险合同将作解除处理。
              </li>
              <li>
                2.即使本人已支付部分或全部初算变更费用，本变更申请仍未生效，只有在贵公司依据本通知书批准或签发有关保险合同批注及保险合
                同，且在送交保险合同批注或保险合同时本人身体仍为健康的前提下，本变更申请才生效，生效日以保险合同批注上所载批准变更生效
                日期为准。
              </li>
              <li>
                3.本人授权贵公司从任何内、外科医生、医院、诊所、保险公司或任何组织单位，就有关保险事宜，查询、拷贝有关投保人、被保险人及
                受益人的资料或索取其它有关证明文件。
              </li>
              <li>
                4.贵公司须遵守或同意遵守相关法律、法规、监管规定或其他要求（以下简称“报告要求”）。因此，本人/我们同意并授权贵公司基于上
                述报告要求将本人/我们的个人信息或资料（包括但不限于投保单签署之前提供的以及本人接受贵公司各项服务时所产生的与保险合同事
                宜有关的信息或资料）提供及披露予任何政府部门、监管机构和/或第三方。同时，本人/我们同意贵公司持有、使用本人/我们所提供的
                个人信息或资料，并授权贵公司在所适用的法律允许的情况下，将该个人信息或资料提供及披露予与贵公司有关联的个人或组织或任何
                被选择的境内外第三方，用以处理保险申请、提供客户服务及推荐产品和服务、处理核保、理赔、调查等相关保险业务活动或用于公益
                目的等。本人/我们理解该个人信息或资料包括 i）投保人、被保险人、及受益人（以下简称“相关方”）的个人信息或资料；ii）保单
                的相关信息；及 iii）相关方所持有的其他保单的相关信息。有关前述信息或资料之提供及披露，可能包含境外之提供及披露。本人/我
                们理解，若本人/我们不同意贵公司提供及披露前述之信息或资料，则贵公司不会向本人/我们销售任何保险产品或提供任何服务。
              </li>
              <li style="color:#E3170D;margin: 10px auto">
                为维护您的权益,请勿在空白之“最新个人资料通知书”上签名,签名前请再次核对所填写的资料。申请人签名须为客户本人亲笔签名，并
                于原留存于本公司的签名样本一致。未成年人须由其法定监护人代为签署。
              </li>
            </ul>
          </div>
        </div>
        <div class="jianZheng_content text">
          <div class="title ">
            <a class="shuGang"></a>
            <span>申请人</span>
          </div>
          <ul>
            <li >
              <!--              @click="write('insure_sign_url')"-->
              <span>* 投保人签名</span>
              <input style="width: 100px;border: none;text-align: right"
                     placeholder="请输入"
                     :readonly="isHave"
                     v-model="insure_sign_url"
                     type="text">
              <!--               v-model="insure_sign_url"-->
            </li>
            <li >
              <!--              @click="write('assured_sign_url')"-->
              <span>* 被保险人/监护人签名</span>
              <input style="width: 100px;border: none;text-align: right"
                     placeholder="请输入"
                     :readonly="isHave"
                     v-model="assured_sign_url"
                     type="text">
              <!--              v-model="assured_sign_url"-->
            </li>
            <li @click="[isHave === false ? isDateShow = true : isDateShow = false]">
              <span>* 申请日期(签署日期)</span>
              <span>
<!--                {{assign_date}}-->
                <input type="text" placeholder="请选择申请日期"
                       style="border: none;text-align: right"
                       readonly v-model="assign_date">
<!--                年-->
<!--                <input type="text" style="border-bottom: 1px solid #999999;text-align: center" v-model="assign_moth" class="dataInp">-->
<!--                月-->
<!--                <input type="text" style="border-bottom: 1px solid #999999;text-align: center" v-model="assign_day" class="dataInp">-->
<!--                日-->
              </span>
            </li>
          </ul>
        </div>
        <div class="jianZheng_content text">
          <div class="title">
            <a class="shuGang"></a>
            <span>见证人</span>
          </div>
          <ul>
            <li >
              <!--              @click="write('agent_sign_url')"-->
              <span>* 见证人/保险营销员/经办人签名</span>
              <input
                style="width: 100px;border: none;text-align: right;"
                :readonly="isHave"
                placeholder="请输入"
                v-model="agent_sign_url"
                type="text">
              <!--                                  v-model="agent_sign_url"
              -->
            </li>
            <li>
              <span>* 保险营销员/经办人编号</span>
              <input style="width: 100px;border: none;text-align: right"
                     :readonly="isHave"
                     v-model="agent_no"
                     placeholder="请输入" type="text">
            </li>
          </ul>
        </div>
        <p style="height: 44px;color: red;font-size: 13px;display: flex;align-items: center;margin: 0px 15px"> * 内容为必填项</p>
      </div>
    </div>
    <van-popup round v-model="isDateShow" position="bottom">
      <van-datetime-picker
        title="请选择日期"
        v-model="currentDate"
        type="date"
        :min-date="minDate"
        :max-date="maxDate"
        :formatter="formatter"
        @confirm="Onconfirm()"
        @cancel="isDateShow = false"
      />
    </van-popup>
  </div>
</template>

<script>
import {Toast} from 'vant'
import $ from 'jquery'
export default {
  name: 'Insurance',
  data () {
    return {
      isDateShow: false,
      minDate: new Date(2000, 0, 1),
      maxDate: new Date(2025, 10, 1),
      currentDate: new Date(),
      lineWidth: 6,
      lineColor: '#000000',
      bgColor: '',
      resultImg: '',
      isCrop: false,
      height: 0,
      isWrite: false,
      value0: '',
      value1: '',
      value2: '',
      value3: '',
      value4: '',
      value5: '',
      value6: '',
      value7: '',
      value8: '',
      value9: '',
      contract_no: this.value0 + this.value1 +
        this.value2 + this.value3 + this.value4 + this.value5 + this.value6 +
        this.value7 + this.value8 + this.value9, // 保险合同编号
      sign_dept: '', // 签发保单机构
      radio1: '',
      radio2: '',
      apply_item: this.radio1 + ',' + this.radio2, // 申请事项名称
      apply_item_other: '', // 申请事项名称
      assured_name: '', // 被保险人姓名
      insure_name: '', // 投保人姓名
      assured_job: '', // 被保险人工作
      insure_job: '', // 投保人工作
      assured_income: '', // 被保险人工资
      insure_income: '', // 投保人工资
      insure_dept: '', // 被保险人单位
      assured_dept: '', // 投保人单位
      insure_address: '', // 被保险人 地址
      assured_address: '', // 投保人地址
      insure_marriage: '', // 被保险人 婚姻状况
      assured_marriage: '', // 投保人 婚姻状况
      a1: '',
      a2: '',
      a3: '',
      a4: '',
      a5: '',
      a6: '',
      a7: '',
      a_other: '',
      b1: '',
      c1: '',
      c1_2: '',
      c1_other: '',
      c2: '',
      c3: '',
      c4: '',
      c5: '',
      c6: '',
      c_other: '',
      d1: '',
      d2: '',
      d3: '',
      d4: '',
      d5: '',
      d_other: '',
      e1: '',
      e2: '',
      e3: '',
      e4: '',
      e5: '',
      e6: '',
      e7: '',
      e8: '',
      e9: '',
      e_other: '',
      assign_year: '',
      assign_moth: '',
      assign_day: '',
      assign_date: '',
      agent_no: '', // 经办人编号
      op_user_id: this.$route.query.myUserid, // 操作人id
      sign_user_id: this.$route.query.userid, // 签署人员id
      insure_sign_url: '', // 投保人签名
      assured_sign_url: '', // 被保险人签名
      agent_sign_url: '', // 见证签名
      isSend: false,
      id: this.$route.query.id,
      isHave: false,
      isEdit: Number(this.$route.query.isEdit)
    }
  },
  mounted () {
    this.op_user_id = this.$utils.getUrlKey('myUserid')
    this.sign_user_id = this.$utils.getUrlKey('userid')
    this.height = $(window).height() - $('.bottom').height() - $('header').height()
    $('.contentWrite').css('height', $(window).height() - $('.bottom').height() - $('header').height() - 20 + 'px')
    if (this.id !== null && this.id !== undefined && this.id !== '') {
      this.getXinxi()
    }

    if (this.isSend === false) {
      document.title = '保险签约新增'
    } else if (this.isSend === true && this.isEdit !== 0) {
      document.title = '保险签约修改'
    } else if (this.isEdit === 0) {
      document.title = '保险签约查看'
    }
  },
  methods: {
    // 选择时间确定按钮
    Onconfirm (value, index) {
      this.assign_date = this.formatDate(new Date(this.currentDate))
      this.isDateShow = false
    },
    // 添加选择时间单位
    formatter (type, val) {
      if (type === 'year') {
        return `${val}年`
      } else if (type === 'month') {
        return `${val}月`
      } else if (type === 'day') {
        return `${val}日`
      }
      return val
    },
    nextFocus (el, index) {
      var dom = document.getElementsByClassName('numInp')
      var currInput = dom[index]
      var nextInput = dom[index + 1]
      var lastInput = dom[index - 1]
      if (el.keyCode !== 8) {
        if (index < (dom.length - 1)) {
          nextInput.focus()
        } else {
          currInput.blur()
        }
      } else {
        if (index !== 0) {
          lastInput.focus()
        }
      }
    },
    // /*当键盘按下的时候清空原有的数*/
    changeValue (index) {
      var dom = document.getElementsByClassName('numInp')
      // var currInput = dom[index]
      // var nextInput = dom[index + 1]
      dom[index].val = ''
    },
    // 返回
    back () {
      this.$router.history.go(-1)
    },
    write (name) {
      this.$router.push({path: '/insuranceWrite', query: {'name': name}})
    },
    // 查看
    getXinxi () {
      this.$http.oneInsrunace({id: this.id})
        // sign_user_id: this.sign_user_id, id: this.op_user_id
        .then(res => {
          console.log(res)
          if (res.data.status === 'success') {
            if (Number(res.data.data.hour) === 0) {
              this.isHave = true
            }
            if (this.isEdit === 0) {
              this.isHave = true
            }
            this.isSend = true
            this.contract_no = res.data.data.contract_no
            for (var i = 0; i < 10; i++) {
              if (this.contract_no.split('')[i] !== undefined) {
                this['value' + i] = this.contract_no.split('')[i]
              } else {
                this['value' + i] = ''
              }
            }
            this.assign_date = this.formatDate(new Date(res.data.data.assign_date))
            this.sign_dept = res.data.data.sign_dept // 签发保单机构
            // 申请事项名称
            if (res.data.data.apply_item.split(',')[0] !== undefined) {
              this.radio1 = res.data.data.apply_item.split(',')[0]
            } else {
              this.radio1 = ''
            }
            if (res.data.data.apply_item.split(',')[1] !== undefined) {
              this.radio2 = res.data.data.apply_item.split(',')[1]
            } else {
              this.radio2 = ''
            }
            // // 申请事项名称
            this.apply_item_other = res.data.data.apply_item_other
            // 被保险人姓名
            this.assured_name = res.data.data.assured_name
            // 投保人姓名
            this.insure_name = res.data.data.insure_name
            this.assured_job = res.data.data.assured_job // 被保险人工作
            this.insure_job = res.data.data.insure_job // 投保人工作
            this.assured_income = res.data.data.assured_income // 被保险人工资
            this.insure_income = res.data.data.insure_income // 投保人工资
            this.insure_dept = res.data.data.insure_dept // 被保险人单位
            this.assured_dept = res.data.data.assured_dept // 投保人单位
            this.insure_address = res.data.data.insure_address // 被保险人 地址
            this.assured_address = res.data.data.assured_address // 投保人地址
            if (res.data.data.insure_marriage !== undefined) {
              this.insure_marriage = res.data.data.insure_marriage.toString() // 被保险人 婚姻状况
            }
            if (res.data.data.assured_marriage !== undefined) {
              this.assured_marriage = res.data.data.assured_marriage.toString() // 投保人 婚姻状况
            }
            // 投保人 婚姻状况
            if (res.data.data.a1 !== undefined) {
              this.a1 = res.data.data.a1.toString()
            }
            if (res.data.data.a2 !== undefined) {
              this.a2 = res.data.data.a2.toString()
            }
            if (res.data.data.a3 !== undefined) {
              this.a3 = res.data.data.a3.toString()
            }
            if (res.data.data.a4 !== undefined) {
              this.a4 = res.data.data.a4.toString()
            }
            if (res.data.data.a5 !== undefined) {
              this.a5 = res.data.data.a5.toString()
            }
            if (res.data.data.a6 !== undefined) {
              this.a6 = res.data.data.a6.toString()
            }
            if (res.data.data.a7 !== undefined) {
              this.a7 = res.data.data.a7.toString()
            }
            if (res.data.data.a_other !== undefined) {
              this.a_other = res.data.data.a_other
            }
            if (res.data.data.b1 !== undefined) {
              this.b1 = res.data.data.b1.toString()
            }
            if (res.data.data.c1 !== undefined) {
              this.c1 = res.data.data.c1.toString()
            }
            if (res.data.data.c1_2 !== undefined) {
              this.c1_2 = res.data.data.c1_2.toString()
            }
            this.c1_other = res.data.data.c1_other
            if (res.data.data.c2 !== undefined) {
              this.c2 = res.data.data.c2.toString()
            }
            if (res.data.data.c3 !== undefined) {
              this.c3 = res.data.data.c3.toString()
            }
            if (res.data.data.c4 !== undefined) {
              this.c4 = res.data.data.c4.toString()
            }
            if (res.data.data.c5 !== undefined) {
              this.c5 = res.data.data.c5.toString()
            }
            if (res.data.data.c6 !== undefined) {
              this.c6 = res.data.data.c6.toString()
            }
            this.c_other = res.data.data.c_other
            if (res.data.data.d1 !== undefined) {
              this.d1 = res.data.data.d1.toString()
            }
            if (res.data.data.d2 !== undefined) {
              this.d2 = res.data.data.d2.toString()
            }
            if (res.data.data.d3 !== undefined) {
              this.d3 = res.data.data.d3.toString()
            }
            if (res.data.data.d4 !== undefined) {
              this.d4 = res.data.data.d4.toString()
            }
            if (res.data.data.d5 !== undefined) {
              this.d5 = res.data.data.d5.toString()
            }
            this.d_other = res.data.data.d_other
            if (res.data.data.e1 !== undefined) {
              this.e1 = res.data.data.e1.toString()
            }
            if (res.data.data.e2 !== undefined) {
              this.e2 = res.data.data.e2.toString()
            }
            if (res.data.data.e3 !== undefined) {
              this.e3 = res.data.data.e3.toString()
            }
            if (res.data.data.e4 !== undefined) {
              this.e4 = res.data.data.e4.toString()
            }
            if (res.data.data.e5 !== undefined) {
              this.e5 = res.data.data.e5.toString()
            }
            if (res.data.data.e6 !== undefined) {
              this.e6 = res.data.data.e6.toString()
            }
            if (res.data.data.e7 !== undefined) {
              this.e7 = res.data.data.e7.toString()
            }
            if (res.data.data.e8 !== undefined) {
              this.e8 = res.data.data.e8.toString()
            }
            if (res.data.data.e9 !== undefined) {
              this.e9 = res.data.data.e9.toString()
            }
            if (res.data.data.e_other !== undefined) {
              this.e_other = res.data.data.e_other
            }
            if (res.data.data.agent_no !== undefined) {
              this.agent_no = res.data.data.agent_no // 经办人编号
            }
            // op_user_id: this.op_user_id, // 操作人id
            // sign_user_id: this.sign_user_id, // 签署人员id
            if (res.data.data.insure_sign_url !== undefined) {
              this.insure_sign_url = res.data.data.insure_sign_url // 投保人签名
            }
            if (res.data.data.assured_sign_url !== undefined) {
              this.assured_sign_url = res.data.data.assured_sign_url // 被保险人签名
            }
            if (res.data.data.agent_sign_url !== undefined) {
              this.agent_sign_url = res.data.data.agent_sign_url// 见证签名
            }
            if (this.isSend === false) {
              document.title = '保险签约新增'
            } else if (this.isSend === true && this.isEdit !== 0) {
              document.title = '保险签约修改'
            } else if (this.isEdit === 0) {
              document.title = '保险签约查看'
            }
          }
        })
        .catch(err => {
          console.log(err)
        })
    },
    // 修改
    update () {
      if (this.contract_no.length < 0) {
        Toast('保险合同编号不能为空')
      } else if (this.sign_dept === '') {
        Toast('签发机构不能为空')
      } else if (this.insure_sign_url === '') {
        Toast('投保人签名不能为空')
      } else if (this.assured_sign_url === '') {
        Toast('被保险人签名不能为空')
      } else if (this.assign_date === '') {
        Toast('请填写完整申请日期（签署日期）')
      } else if (this.agent_sign_url === '') {
        Toast('见证人签名不能为空')
      } else if (this.agent_no === '') {
        // 经办人编号
        Toast('经办人编号不能为空')
      } else {
        console.log(333)
      }
    },
    // 新增
    insert () {
      if (this.contract_no.length < 0) {
        Toast('保险合同编号不能为空')
        return false
      } else if (this.sign_dept === '') {
        Toast('签发机构不能为空')
        return false
      } else if (this.insure_sign_url === '') {
        Toast('投保人签名不能为空')
        return false
      } else if (this.assured_sign_url === '') {
        Toast('被保险人签名不能为空')
        return false
      } else if (this.assign_date === '') {
        Toast('请填写完整申请日期（签署日期）')
        return false
      } else if (this.agent_sign_url === '') {
        Toast('见证人签名不能为空')
        return false
      } else if (this.agent_no === '') {
        // 经办人编号
        Toast('经办人编号不能为空')
        return false
      }
      this.$http.insertInsurance({
        contract_no: this.value0 + this.value1 +
            this.value2 + this.value3 + this.value4 + this.value5 + this.value6 +
            this.value7 + this.value8 + this.value9, // 保险合同编号
        sign_dept: this.sign_dept, // 签发保单机构
        apply_item: this.radio1 + ',' + this.radio2, // 申请事项名称
        apply_item_other: this.apply_item_other, // 申请事项名称
        assured_name: this.assured_name, // 被保险人姓名
        insure_name: this.insure_name, // 投保人姓名
        assured_job: this.assured_job, // 被保险人工作
        insure_job: this.insure_job, // 投保人工作
        assured_income: this.assured_income, // 被保险人工资
        insure_income: this.insure_income, // 投保人工资
        insure_dept: this.insure_dept, // 被保险人单位
        assured_dept: this.assured_dept, // 投保人单位
        insure_address: this.insure_address, // 被保险人 地址
        assured_address: this.assured_address, // 投保人地址
        insure_marriage: this.insure_marriage, // 被保险人 婚姻状况
        assured_marriage: this.assured_marriage, // 投保人 婚姻状况
        a1: this.a1,
        a2: this.a2,
        a3: this.a3,
        a4: this.a4,
        a5: this.a5,
        a6: this.a6,
        a7: this.a7,
        a_other: this.a_other,
        b1: this.b1,
        c1: this.c1,
        c1_2: this.c1_2,
        c1_other: this.c1_other,
        c2: this.c2,
        c3: this.c3,
        c4: this.c4,
        c5: this.c5,
        c6: this.c6,
        c_other: this.c_other,
        d1: this.d1,
        d2: this.d2,
        d3: this.d3,
        d4: this.d4,
        d5: this.d5,
        d_other: this.d_other,
        e1: this.e1,
        e2: this.e2,
        e3: this.e3,
        e4: this.e4,
        e5: this.e5,
        e6: this.e6,
        e7: this.e7,
        e8: this.e8,
        e9: this.e9,
        e_other: this.e_other,
        assign_date: this.assign_date,
        agent_no: this.agent_no, // 经办人编号
        op_user_id: this.op_user_id, // 操作人id
        sign_user_id: this.sign_user_id, // 签署人员id
        insure_sign_url: this.insure_sign_url, // 投保人签名
        assured_sign_url: this.assured_sign_url, // 被保险人签名
        agent_sign_url: this.agent_sign_url, // 见证签名
        id: this.id
      })
        .then(res => {
          console.log(res)
          if (res.data.status === 'success') {
            Toast('签约成功')
            this.$router.history.go(-1)
          }
        })
        .catch(err => {
          console.log(err)
        })
    },
    // 转换时间
    formatDate (date) {
      var YY = date.getFullYear()
      var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1)
      var DD = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate())
      return YY + '-' + MM + '-' + DD
    }
  }
}
</script>

<style scoped>
  header{
    width: 100vw;
    height: 44px;
    background: #FFFFFF;
    box-shadow: 0px 1px 0px 0px #E5E5E5;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 999;
  }
  .div{
    width: 33%;
    font-size: 15px;
    font-family: PingFang SC;
    font-weight: bold;
    display: flex;
    align-items: center;
  }
  .div:nth-child(1) img{
    width: 7px;
    height: 13px;
    margin: 0 5px 0 15px;
  }
  .div:nth-child(2) {
    justify-content: center;
  }
  .div:nth-child(3) {
    justify-content: flex-end;
  }
  .div:nth-child(3) button{
    margin-right: 15px;
  }
  .solt{
    color: #1DA4F2;
  }
  .baoxianTitle{
    height: 44px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    background: white;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .title{
    width: 100%;
    height: 44px;
    display: flex;
    align-items: center;
    margin: 0 auto;
  }
  .shuGang{
    width: 2px;
    height: 15px;
    background: #1DA4F2;
    border-radius: 2px;
    display: block;
    margin: 0 5px 0 0px;
  }
  .baoxianCon{
    width: 100%;
    height: 44px;
    background: white;
    padding: 0 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .baoxianCon input{
    width: 29px;
    height: 29px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    text-align: center;
  }
  .hasNumber{
    border: 1px solid #1DA4F2 !important;
  }
  .mechanism{
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333333;
    border: 1px solid #E5E5E5;
    border-left: none;
    border-right: none;
    padding: 0 10px;
    box-sizing: border-box;
    background: white;
  }
  .mechanism input{
    border: none;
    text-align: right;
  }
  .shengQingShixiang{
    padding: 0 10px;
    box-sizing: border-box;
    background: white;
    border-bottom: 1px solid #E5E5E5;
    font-size: 15px;
  }
  /deep/ .shengQingShixiang .van-radio{
    height: 25px;
    font-size: 14px;
  }

  .shengQingShixiang input{
    width: 100%;
    height: 44px;
    border: none;
    padding-left: 24px;
    box-sizing: border-box;
  }
  .yuan{
    width: 16px;
    height: 16px;
    margin-right: 8px;
  }
  .xuzhi{
    padding: 0 10px 20px 10px;
    box-sizing: border-box;
    background: white;
  }
  .xuzhi .xuzhiText{
    line-height: 25px;
    font-size: 13px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #666666;
  }
  .xuziCont{
    font-size: 11px;
  }
  .xuziCont ul li{
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .xuziCont ul li:nth-child(2)>* {
    height: 25px;
  }
  .xuziCont ul li:nth-child(3)>*,
  .xuziCont ul li:nth-child(4)>*,
  .xuziCont ul li:nth-child(5)>*,
  .xuziCont ul li:nth-child(6)>*,
  .xuziCont ul li:nth-child(7)>*
  {
    height: 50px;
  }
  .gary{
    height: 35px;
    color: #1da4f2;
    background: rgba(29, 164, 262, 0.1);
    font-size: 13px;
  }
  .btn1{
    width: 40%;
  }
  .btn2{
    width: 28%;
  }
  .btn3{
    width: 30%;
  }
  .blue{
    background: #FAF9FE;
  }
  .blueop{
    background: #fff;
    border: 1px solid #E5E5E5 !important;
  }
  .btn{
    border-radius: 10px;
    border: none;
    text-align: center;
    padding: 0px 5px;
    box-sizing: border-box;
  }
  .tiMU{
    width: 100%;
    font-size: 13px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333333;
    background: #FAF9FE;
  }
  .tiMuHeader{
    font-size: 15px !important;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333333;
    padding-bottom: 10px;
    box-sizing: border-box;
    background: white;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .tiMU textarea{
    width: 100%;
    height: 100px;
    /*margin: 5px auto auto auto;*/
    resize: none;
    padding: 0 10px;
    border: none;
    box-sizing: border-box;
  }
  .tiMU ul{
    width: 100%;
    background: white;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 5px;
  }
  .tiMU li{
    width: 100%;
    display: flex;
    background: white;
    padding: 8px 0;
    box-sizing: border-box;
    font-size: 13px;
  }
  .tiMU li span{
    display: flex;
    align-items: center;
    width: 50%;
  }
  .shengMing{
    background: white;
    margin-bottom: 5px;
  }
  .shengMing_header{
    height: 44px;
    font-size: 15px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .shengMing_header img{
    width: 25px;
    height: 25px;
    margin-right: 10px;
  }
  .shengMing_cont{
    padding: 0 0 10px 0;
    box-sizing: border-box;
  }
  .shengMing_cont ul li{
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 11px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333333;
  }
  .jianZheng_content{
    background: white;
    padding: 10px 10px 20px 10px;
    box-sizing: border-box;
    margin-bottom: 5px;
  }
  .jianZheng_content ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E5E5E5;
    height: 44px;
    background: white;
  }

  .dataInp{
    width: 40px;
    border-top: none;
    border-left: none;
    border-right: none;
  }
  .content{
    background: #FAF9FE;
  }
  /deep/ .tiMU .van-radio-group--horizontal{
    width: 100%;
  }
  /deep/ .tiMU .van-radio {
    width: 45%;
  }
  /deep/ .van-picker__confirm{
    color: #1DA4F2;
  }
  /deep/ .van-picker__cancel,
  /deep/ .van-picker__title,
  /deep/ .van-picker__confirm{
    font-size: 15px;
    font-family: "PingFang SC";
    font-weight: bold;
  }
  .text{
    font-size: 15px;
  }
</style>

<!--      AtoE: [-->
<!--        {-->
<!--          title: 'A. 被保险人告知事项及健康资料（友邦安享全佑恶性肿瘤疾病保险产品专用）',-->
<!--          list: [-->
<!--            {-->
<!--              name:-->
<!--              '1.您现在或既往是否曾从事过以下职业：矿工、煤化工生产人员、沥青工、树脂工、铝制品工人、有机化学品\n' +-->
<!--                '(苯、多环芳香碳氢化合物)生产工人、焊接工、石棉制品工、化学溶剂（硫酸、盐酸、硝酸、磷酸、烧碱、纯\n' +-->
<!--                '碱）生产工人 ？',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            },-->
<!--            {-->
<!--              name:-->
<!--              '2.您的人寿保险、意外伤害保险或健康保险的新单申请或复效申请是否曾被拒保、推迟、加费或作任何形式修\n' +-->
<!--                '改？',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            },-->
<!--            {-->
<!--              name: '3.您是否有 2 个以上的直系亲属（父母和兄弟姐妹）在 60 岁前被诊断患有恶性肿瘤或白血病?',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            },-->
<!--            {-->
<!--              name:-->
<!--              '4.您既往或目前是否发现有以下疾病或体征：慢性肝炎、肝硬化、慢性萎缩性胃炎、宫颈上皮内瘤变（CIN）、再\n' +-->
<!--                '生障碍性贫血、恶性肿瘤、白血病、甲状腺结节、乳房肿块、肺结节？',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            },-->
<!--            {-->
<!--              name: '5.过去六个月内您是否有以下症状:进行性吞咽困难、咯血、呕血、黑便、不明原因持续发热、反复皮下出血、鼻出血、阴道异常出血、肿块、体重减少超过5公斤',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            },-->
<!--            {-->
<!--              name: '6.过去两年内您是否有做过下列检查并发现有异常的情况：肿瘤标志物、病理活检、X 线、B 超、钼靶、CT、MRI、PET-CT？',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            },-->
<!--            {-->
<!--              name: '7．过去五年内您是否曾因疾病手术或住院治疗七天以上?',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            }-->
<!--          ],-->
<!--          xiangxi: '上述 2-7 问题中如有任何答案为“是”者，请详细说明：'-->
<!--        },-->
<!--        {-->
<!--          title: 'B.被保险人告知事项 （友邦安行无忧两全保险产品专用）',-->
<!--          list: [-->
<!--            {-->
<!--              name: '您是否现时已有生效或正申请投保其他保险公司的意外险，且含自驾车意外险保额累计大于 200 万？',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            }-->
<!--          ]-->
<!--        },-->
<!--        {-->
<!--          title: 'C.被保险人告知事项 （友邦安孕保系列疾病保险产品专用）',-->
<!--          list: [-->
<!--            {-->
<!--              name: '1. 您目前是否怀孕？ 若是,怀孕_______周孕期检查（包括胎儿相关检查）是否发现异常（包括血压、尿液检查、血液检查、超声检查等）？',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            },-->
<!--            {-->
<!--              name:-->
<!--              '2, 是否曾发生反复流产 3 次或以上、妊娠高血压、先兆子痫或子痫、妊娠糖尿病、胎盘早剥、葡萄胎等妊娠并发\n' +-->
<!--                '症？',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            },-->
<!--            {-->
<!--              name:-->
<!--              '3, 您及配偶是否有先天性疾病、遗传性疾病，或以上疾病的家族史？您是否曾怀有或生育过患有先天性疾病的胎儿或孩子？',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            },-->
<!--            {-->
<!--              name:-->
<!--              '4, 您的人寿保险、意外伤害保险或健康保险的新单申请或复效申请是否曾被拒保、推迟、加费或作任何形式修\n' +-->
<!--                '改？',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            },-->
<!--            {-->
<!--              name:-->
<!--              '5. 您目前是否正在住院治疗或过往 2 年曾经住院治疗？',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            },-->
<!--            {-->
<!--              name:-->
<!--              '6, 您是否曾患有或被告知患有下列疾病或因此而接受医疗咨询、诊查或治疗：心血管疾病、高血压、中风、慢性\n' +-->
<!--                '肺部疾病、癌症或任何肿瘤、糖尿病、肝脏疾病、肾脏疾病或生殖系统疾病、抑郁症、精神疾病、智能障碍、癫\n' +-->
<!--                '痫、艾滋病或艾滋病病毒携带、酒精或药物滥用成瘾、身体残障或畸形？',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            }-->
<!--          ],-->
<!--          xiangxi: '以上部分如有任何答案为“是”者，请详细说明并提供相关资料：'-->
<!--        },-->
<!--        {-->
<!--          title: 'D. 被保险人告知事项及健康资料（友邦守护丽人医疗保险产品专用）',-->
<!--          list: [-->
<!--            {-->
<!--              name:-->
<!--              '1．您目前或既往是否出现过下列情况：乳房肿块或结节、乳头异常溢液、糜烂或回缩、乳房表面皮肤凹陷、皱褶\n' +-->
<!--                '或皮肤收缩？',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            },-->
<!--            {-->
<!--              name:-->
<!--              '2. 您的亲属（父母、兄弟姐妹）中是否有人在 60 岁前罹患乳腺癌？',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            },-->
<!--            {-->
<!--              name:-->
<!--              '3. 您最近 2 年内是否做过下列检查（单项或多项）且发现有异常：肿瘤标志物*、病理活检、X 线、B 超、钼\n' +-->
<!--                '靶、CT、MRI、PET-CT？',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            },-->
<!--            {-->
<!--              name:-->
<!--              '4. 您在投保恶性肿瘤类产品时是否曾被拒保、延期、加费或特约除外责任承保？',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            },-->
<!--            {-->
<!--              name:-->
<!--              '5. 您目前或既往是否患有恶性肿瘤？是否曾接受过胸部放疗（任何原因导致）？',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            }-->
<!--          ],-->
<!--          zhushi: '注：肿瘤标志物*：又称肿瘤标记物，是指特征性存在于恶性肿瘤细胞，或由恶性肿瘤细胞异常产生的物质，或是宿主对肿瘤的刺激反应\n' +-->
<!--            '而产生的物质，并能反映肿瘤发生、发展，监测肿瘤对治疗反应的一类物质。如甲胎蛋白（AFP）、癌胚抗原（CEA）、癌抗原 125\n' +-->
<!--            '（CA125）、癌抗原 199（CA199）、绒毛膜促性腺激素（HCG）等。',-->
<!--          xiangxi: '上述问题如答案为“是”者，请详细说明并提供相关资料：'-->
<!--        },-->
<!--        {-->
<!--          title: 'E.被保险人告知事项及健康资料（友邦守护宝贝医疗保险产品专用）',-->
<!--          list: [-->
<!--            {-->
<!--              name:-->
<!--              '1. 您目前或既往是否出现过下列情况：不明原因的发热、头晕、反复感染、鼻出血、牙龈出血、皮肤瘀点瘀斑、紫癜、贫血、消瘦、肝或脾脏肿大、淋巴结肿大、身体包块或肿物、骨关节疼痛？',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            },-->
<!--            {-->
<!--              name:-->
<!--                '2．您是否曾因血液问题而接受过诊疗？是否被医生诊断或被怀疑罹患血液系统疾病？',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            },-->
<!--            {-->
<!--              name:-->
<!--              '3．您是否被医生建议需进行骨髓活检或/和进一步血液细胞学检查？',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            },-->
<!--            {-->
<!--              name:-->
<!--              '4. 您过去五年内是否曾接触有害化学物质（如：杀虫剂，苯等工业化学物质）或放射性物质（不包括 X 线检\n' +-->
<!--                '查）？',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            },-->
<!--            {-->
<!--              name:-->
<!--              '5．您投保恶性肿瘤类产品时是否曾被拒保、延期、加费或特约除外责任承保？',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            },-->
<!--            {-->
<!--              name:-->
<!--              '6. 您是否罹患以下疾病：恶性肿瘤、再生障碍性贫血、重度贫血、骨髓异常增生综合症？',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            },-->
<!--            {-->
<!--              name:-->
<!--              '7．您是否患有如下先天性或遗传性疾病：唐氏综合征，李-佛美尼综合症，维斯科特-奥尔德里奇综合征，布卢姆综合征？',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            },-->
<!--            {-->
<!--              name:-->
<!--              '8．您的亲属（父母、兄弟姐妹）中是否有人在 50 岁前罹患白血病？',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            },-->
<!--            {-->
<!--              name:-->
<!--              '9．您过去一年内在大陆境内居住时间是否<240 天/年？或是否正计划前往其他国家或海外地区长期居住（≥240天/年）？',-->
<!--              qust: [-->
<!--                {-->
<!--                  qustName: '是',-->
<!--                  isSelect: false-->
<!--                },-->
<!--                {-->
<!--                  qustName: '否',-->
<!--                  isSelect: false-->
<!--                }-->
<!--              ]-->
<!--            }-->
<!--          ],-->
<!--          xiangxi: '上述问题 1-5 如回答为“是”者，请详细说明并提供相关资料：'-->
<!--        }-->
<!--      ],-->
